<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <script src="../../../../public/wechat/static/app/plugin/jquery-3.2.1.min.js"></script>
    <script src="../../../../public/wechat/static/app/plugin/swiper/swiper.jquery.min.js"></script>
    <link rel="stylesheet" href="../../../../public/wechat/static/css/ks.css">
</head>
<body>
    <header class="header">
        <div>
            <a class="goback"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
            订单详情
        </div>
    </header>
    <div class="pages">

        <div class="list-form other not-t">
            <div class="shop-list title">
                <ul>
                    <li>
                        <div class="img"><img src="../../../../public/wechat/static/image/timo.jpg" height="441" width="500"/></div>
                        <div class="text">外卖商铺名称</div>
                    </li>
                </ul>
            </div>
            <div>
                <ul class="title-gray">
                    <li>订单明细</li>
                </ul>
                <ul>
                    <li>
                        <p class="order-list">
                            <span class="font12">鱿鱼寿司（微辣）鱿鱼寿司（微辣）鱿鱼寿司（微辣）</span>
                            <span>x1</span>
                            <span>￥12</span>
                        </p>
                        <p class="order-list">
                            <span class="font12">香肠寿司（微辣）</span>
                            <span>x1</span>
                            <span>￥18</span>
                        </p>
                    </li>
                    <li class="color-primary text-right">
                        总计：￥30
                    </li>
                </ul>
            </div>
            <div class="shop-list title">
                <ul>
                    <li>
                        <div class="img"><img src="../../../../public/wechat/static/image/timo.jpg" height="441" width="500"/></div>
                        <div class="text">外卖商铺名称</div>
                    </li>
                </ul>
            </div>
            <div>
                <ul class="title-gray">
                    <li>订单明细</li>
                </ul>
                <ul>
                    <li>
                        <p class="order-list">
                            <span class="font12">鱿鱼寿司（微辣）鱿鱼寿司（微辣）鱿鱼寿司（微辣）</span>
                            <span>x1</span>
                            <span>￥12</span>
                        </p>
                        <p class="order-list">
                            <span class="font12">香肠寿司（微辣）</span>
                            <span>x1</span>
                            <span>￥18</span>
                        </p>
                    </li>
                    <li class="color-primary text-right">
                        总计：￥30
                    </li>
                </ul>
            </div>
            <div>
                <ul class="title-gray">
                    <li>配送信息</li>
                </ul>
                <ul>
                    <li class="font12">
                        <div>联系人：张先生</div>
                        <div class="mt-unify">联系系电话：15888888888</div>
                        <div class="mt-unify">
                            <div class="pull-left">配送地址：</div>
                            <div class="overflow-hidden">钦州市高新区高新公寓</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
            <footer class="btn-bottom">
                <a href="">付 款</a>
            </footer>
    </div>
</body>
</html>